
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: 1;
    letter-spacing: 1.5px;
}
ul, ol, li {
    list-style: none;
}
html, body{
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
    scrollbar: none;
}
html{
    background: #eee;
}
input.indexDefaultInput{
    color: rgba(255,255,255,0.8);
    background: none;
    padding: 9px 10px 3px;
    border: none;
    border-bottom: 1px solid #4e4e4e;
    width: 230px;
    vertical-align: middle;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.float,
.out,
.iconlist{
    display: none;
}
.main {
    margin: 0 auto;
    width: 1280px;
    box-shadow: 0 -64px 2px 2px #eaeaea;
}
.nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 54px;
    margin: 0 auto;
    width: 1280px;
    z-index: 9;
}
.nav>div{
    float: left;
}
.logo {
    position: relative;
    width: 106px;
    height: 100%;
    background: #fff;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}
.logo img {
    position: absolute;
    top: 0px;
    left: 39px;
    transform: scale(15);
    height: 89%;
    vertical-align: middle;
    margin: 2px auto;
}
.contentBox{
    background-color: #000;
    width: calc(100% - 106px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.currentName{
    font-size: 13px;
    color: rgba(255,255,255,0.9);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.shake{
    position: relative;
}
/*.shake:hover .news{
    animation: 1s flash;
    -webkit-animation: 1s flash;
}*/
li.shake:hover {
    -webkit-animation: .8s shake;
    animation: .8s shake;
}
.news{
    position: absolute;
    color: #ff6600;
    font-size: 12px;
    right: -16px;
    top: 14px;
}
.search{
    position: absolute;
    top: 50%;
    left: 63%;
    transform: translate(-50%,-50%);
}
.search img{
    vertical-align: -8px;
    margin-left: 10px;
    width: 20px;
    height: 20px;
}
.name{
    float: right;
    margin-right: 70px;
    position: relative;
}
.name li{
    font-size: 14px;
    display: inline-block;
    line-height: 64px;
    margin-left: 8px;
}
.nameList>li:last-child{
    color: rgba(255,255,255,0.9);
}
.nameList li img{
    vertical-align: middle;
}
.wapper{
    width: 100%;
    background: #f6f4f5;
    padding-top: 20px;
    margin-top: 54px;
    position: relative;
}
.navLeft{
    width: 60px;
    margin-right: 20px;
    position: fixed;
    top: 94px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.showUl{
    margin: 0 14px;
    padding-top: 22px;
}
.iconlist{
    width: 80px;
}
.iconlist li,
.showUl{
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
}
.iconlist li{
    padding-right: 18px;
    font-size: 13px;
    margin-bottom: 10px;
}
.iconlist li img{
    display: block;
    margin: 0 auto;
}
.float{
    position: absolute;
    /*width: 300px;*/
    background: rgba(76, 76, 76, 1);
    top: 0;
    left: 68px;
    padding: 10px 20px 10px 20px;
}
.float:before{
    width: 0;
    height: 0;
    content: '';
    border-right: 10px solid rgba(76, 76, 76, 1);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: -20px;
    top: 18px;
}
.floatMenu{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}
.float .items{
	  display: inline-block;
    width: 70px;
	  font-size: 12px;
    line-height: 26px;
    color: rgba(255,255,255,0.7);
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}
.float .items span{
  letter-spacing: 2px;
}
.float .items:hover span:first-child{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.contentRight{
    /*width: calc(100% - 106px);*/
    width: 100%;
    padding-right: 0; 
    min-height: calc(100vh - 89px);
    overflow: hidden;
}
.loginOut_dropDown{
    cursor: pointer;
}
.loginOut_dropDown:after{
    width: 0;
    height: 0;
    content: '';
    border-top: 8px solid #fff;
    border-bottom: 8px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    position: absolute;
    top: 30px;
    right: -20px;
}
.switchAccount li{
    margin-left:0;
}
.out{
    position:absolute;
    /*left: -186px;*/
    right: -22px;
    top:58px;
    /*width:80px;*/
    max-height: 500px;
    z-index:9;
    box-shadow: 0px 1px 5px #efefef;
    column-count: 1;
    column-width: 80px;
    column-gap: 0;
}
.out:before{
    content: "";
    width:0;
    height:0;
    border:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    top:-12px;
    right:6px;
}
.out li{
    width: 100%;
    font-size: 13px;
    color: #000;
    text-align: center;
    margin: 0 auto;
    line-height: 42px;
    background: #fff;
}
.out li:hover{
    background: #3e3a39;
    color:#fff;
    cursor: pointer;
}
.outClick{
  position: relative;
}
.outClick:before{
    width: 14px;
    height: 13px;
    content: '';
    background: url('../img/loginOut.png') no-repeat center center;
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 9;
}
.outClick:hover:before{
    background: url('../img/loginOutHover.png') no-repeat center center;
    z-index: 9;
}
.showUl{
    cursor: pointer;
}
.masonry {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 90px;
          column-gap: 90px;
  padding: 0 10px;
}

.item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
          padding-top: 30px;

}
.item__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  word-break:break-all;
  line-height: normal;
}
.menuList{overflow-y: scroll;width: 100%;height: calc(100vh - 58px);}
.menuList>*{box-sizing: border-box;}
.menuBox{margin-right: -9px;font-size: 0;}
.menuBox .menu_item{
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 9px;
    margin-right: 9px;
    width: 169px;
    height: 169px;
    background: #ececec;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;
}
.menuBox .menu_item:hover{background: #daeef7;}
.menuBox .menu_item:hover .menu_item_name{color: black;}
.menuBox .menu_item.menu_item_1{width: 525px;}
.menuBox .menu_item.menu_item_2{width: 347px;}
.menuBox .menu_item.menu_item_3{width: 169px;}
.menuTitle{font-size: 16px;color: #101010;width: 100%;padding-bottom: 20px;}
.menu_item_name{position:absolute;left: 15px;bottom: 25px;font-size: 16px;color: #3e3a39;}
.menu_img{padding-top: 45px;}

.count{
  position: absolute;
  top: 50%;
  left: 66px;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 100;
  color: #9a9a9a;
}
.workList li{
  position: relative;
  cursor: pointer;
  display: inline-block;
  float: left;
  color: rgb(160, 160, 160);
  font-size: 13px;
  margin-left: 50px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.workList li.selected{
    color: rgb(255, 255, 255);
}
.workList li img{
    vertical-align: -6px;
    width: 23px;
    height: 23px;
}
span.version{
  font-size: 16px;
  vertical-align: -7px;
  cursor: pointer;
  color: #575757;
  /*opacity: 0;*/
}
.vs{
  width: 23px;
}



@-webkit-keyframes scrollLoop {
    0% {
        -webkit-transform: translateX(20px);
    }
    100% {
        -webkit-transform: translateX(-20px);
    }
}
@keyframes scrollLoop {
    0% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(-20px);
    }
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

.switchAccount{
    position:absolute;
    display:inline-block;
    font-size:0;
    left:40px;top:50px;
    width:100px;
    z-index:1000;
    box-shadow: 0px 1px 5px #efefef;
}
.switchAccount:before{
    display:inline-block;
    content: "";
    width:0;height:0;
    border:6px solid transparent;
    border-bottom:6px solid #fff;
    position:absolute;
    top:-12px;right:6px;
}
.switchAccount li{
    font-size:13px;padding:14px 16px;
    background:#fff;color:#716f6e;
    border-radius:3px;
    line-height:20px;
    width:100%;
}
.switchAccount li:hover{
    background: #3e3a39;
    color:#fff;
}
/*消息图闪烁*/
.outDiv{
    -webkit-animation: scaleout 1s infinite ease-in-out;
    animation: scaleout 1s infinite ease-in-out;
}
.outDiv .vs{
    width: 28px;
    height: 28px;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/

}
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
          opacity: 0;
      }
}
.ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#massageList .secondTitle{
    margin:0;
}
#massageList .commonSign{
    display: inline-block;
    width:30px;
    height:30px;
}
.readed{
    background:url('/assets/img/navIcon/readed.svg');
    background-size: 30px 30px;
    background-repeat:no-repeat;
    background-position: center center;
}
.unReaded{
    background: url('/assets/img/navIcon/unReaded.svg');
    background-size: 30px 30px;
    background-repeat:no-repeat;
    background-position: center center;
}
.isAtt{
    background: url('/assets/img/navIcon/appendixMark.svg');
    background-size: 19px 19px;
    background-repeat:no-repeat;
    background-position: center center;
}
.veil+#dept_post_per_frame{
    z-index:999;
}
